/* 
 * 导入顺序说明：
 * 1. 首先导入element-fix.scss，定义所有Sass变量和CSS变量
 * 2. 然后导入其他样式，这样可以确保变量在所有文件中都可用
 * 3. 避免使用@use导入Element Plus的样式，因为会导致变量冲突
 */
@import "./element-fix";
@import "./transition";
@import "./element-plus";
@import "./sidebar";
@import "./dark";
@import "./reset"; /* 确保reset样式也被导入 */

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}
